.sliderBox {
    width: 978px;
    height: 340px;
    float: right;
    position: relative;

    .boxList {
        width: 978px;
        height: 340px;
        overflow: hidden;

        ul {
            transition-duration: 1s;
            list-style-type: none;
            display: flex;
            margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;
            
            li {
                flex-shrink: 0;
                width: 234px;
                height: 100%;
                margin-right: 14px;

                a {
                    display: block;
                    text-align: center;
 
                    img {
                        display: block;
                        margin: 0 auto;
                        margin-top: 25px;
                        width: 160px;
                        height: 160px;
                    }

                    .name {
                        width: 194px;
                        margin: 0 auto;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                        font-size: 14px;
                        font-weight: 400;
                        color: #212121;
                    }

                    .desc {
                        margin-top: 2px;
                        color: #b0b0b0;
                        font-size: 12px;
                    }

                    .price {
                        color: #ff6709;

                        del {
                            color: #b0b0b0;
                        }
                    }
                }

                background: #fff;
                // float: left;

            }
        }
    }

    .leftRight {
        position: absolute;
        top: -40px;
        right: 0;

        &:hover {
            cursor: pointer;
        }

        .leftArrow,
        .rightArrow {
            border: 1px solid #e0e0e0;
            font-size: 16px;
            padding: 4px 10px;
        }

        .rightArrow {
            margin-left: -1px;
        }
    }
}